import { createStore } from 'vuex'
import persist from 'vuex-persistedstate'
export default createStore({
  state: {
    tasks: []
  },
  mutations: { // 提交mutation是修改state数据的唯一方法
    addTask(state, task) { // task接收到的用户输入的任务内容
      // console.log(task);
      let obj = {
        task,
        check: false, // 标记任务是否被勾选中
        exit: false, // 标记任务是否处于编辑状态
        id: new Date().getTime() // 给数据定义一个id 方便定义数据的唯一性
      }

      state.tasks.push(obj)
    },

    changeTasks(state, tasks) {
      state.tasks = tasks
    }
  },

  plugins: [persist()] // 固化工具存储的数据 如果不触发mutation是不会重新存储的
})
